.cp-prize {
  .header {
    text-align: center;
    font-size: 2.4rem;
    color: var(--adm-color-primary);
    margin-bottom: 20px;
  }

  .content {

    .prizes {
      // background: #fff;
      padding: 6px 16px;
      // position: relative;
      min-height: 320px;
      padding-bottom: 100px;
      color: #3a746b;
      text-align: center;


      .cp-prize-item {
        padding: 4px 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;

        &:first-child {
          border-bottom: 1px dotted #054a74;
        }

        .value {
          flex: 0 0 50%;
          font-size: 1.4rem;
        }

        .thumb {
          flex: 0 0 50%;

          .adm-image.adm-avatar {
            @include borderRadius(30px);
            @include square(30px);
          }
        }
      }
    }

    .prize-footer {
      position: absolute;
      bottom: 60px;
      left: 50%;
      text-align: center;
      width: 90%;
      box-sizing: border-box;
      // padding: 0 5rem 1.2rem;
      transform: translateX(-50%);
      background-color: #fff;

      .submit-btn {
        background: url("#{$base_path}/img/game/btn-bg.png") no-repeat;
        background-size: 100% 100%;
        font-size: 1.4rem;
        color: #fff;
        height: 33px;
        border: none;
        // width: 30px;
      }

      .phone-input {
        flex: 0 0 calc(100% - 50px);
        text-indent: 1rem;
        font-size: 1.3rem;

        >input {
          text-indent: 4px;
        }

        >input::placeholder {
          color: #3a746b;
          opacity: 0.8;
          font-size: 1.1rem;
          line-height: 33px;
        }

        >input {
          color: #3a746b;
          background: #45bbe3;
          border-radius: 4px;
          background-size: 100% 100%;
        }

      }
    }

  }

  .footer {
    display: flex;
    padding: 16px 0 0;
    justify-content: space-between;
  }
}